// component css goes here

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
        url('iconfont.woff2') format('woff2'),
        url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype'),
        url('iconfont.svg#iconfont') format('svg');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
.day{
    display: flex;
    flex-direction: column;
    height: 180px;

}
.date,.week{
    display: flex;
    span{
        // display: flex;
        flex: 1;
        text-align: center;
    }
}
.week{
    margin-top:5px;
    background: #e8e8e8;
}
.date{
    margin-top: 3px;
    span{
        // display: flex;
        flex: 1;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
    }
  
    span:hover{
        box-shadow: 0 0 0 1px #5ca4ff;
    }
    .act-span{
        box-sizing: content-box;
        box-shadow: 0 0 0px 1px #92d1ff;
        
        background: #92d1ff;
    }
    .no-month{
        color: #A3A3A3;
        // background: 
        
    }
};
.icon-sanjiao.iconfont{
    height: 4px;
    display: inline-block;
    transition: all 0.2s;
    font-size: 1px;
}
.section-date{
    width: 200px;
    margin: auto;
    .text{
        background: red;
    }
    input{
        width: 80px;
        padding: 2px;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid #d3d3d3;
    }
    .end-date{
        float: right;
    }
}
.dateMovement{
    text-align: center;border-top: 1px solid #d3d3d3;
    .iconfont{
        width: 16px;
        height: 16px;
        margin: 4px;
        border:1px solid #d3d3d3;
        border-radius: 5px;
        padding: 3px;
        box-shadow: 0 0 4px 0px #c5e9ff;
        cursor: pointer;
    }
    .iconfont:hover{
        background: #c5e9ff;
    }
    .right{
        transform: rotate(180deg);
        display: inline-block;
        height: 16px;
    }
    .data-text{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}